$('.l-nav a').click(function() {
    $(this).addClass('l-red').siblings().removeClass('l-red');
});
// 懒加载
// $(function() {  
$.ajax({    
    type: 'get',
        url: '../l/img.json',
        success: function(res) {      
        // console.log(res.length);      
        var oli = '';      
        for (var i = 0; i < res.length; i++) {        
            oli += `
                <li class='img1'>
                    <img src='${res[i].imgur1}' class='img'>
                    <img src='${res[i].imgur2}' class='img2'>
                    <div class='l-gz'><i class="iconfont">&#xe627;</i>关注</div>
                    <p>${res[i].Text1}</p>
                    <div class='box1'></div>
                    <div class='box2'>
                        <p>品牌描述</p>
                        <p>暂无描述</p>
                    </div>
                 </li>
        `      
        }      
        $('#lanjiazai').html(oli)    
    }
});

$(function() {
    // console.log($('.img1'));
    $('.img1').each(function(index, ele) {
        console.log(ele);
        $(this).hover(function() {
            // console.log("111");
            $(this).find($('.l-gz')).css('display', 'block');
            $(this).find($('.img2')).css('display', 'none');
        }, function() {
            $(this).find($('.l-gz')).css('display', 'none')
            $(this).find($('.img2')).css('display', 'block');
        });
    });
});
//回到顶部
// 1.让回到顶部的元素出现
$(window).scroll(function() {
    // 获取banner距离上方的偏移
    var ljzTop = $('.lanjiazai_box').offset().top;
    if ($(window).scrollTop() >= ljzTop) {
        $('.backTop').fadeIn(1000);
    } else {
        $('.backTop').fadeOut(1000);
    }
});
// 2.点击backTop回到顶部
$('.backTop').click(function() {
    // html 
    $('html').animate({
        scrollTop: 0
    }, 2000);
});